<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<style>
#cabecalho {
	position: absolute;
	background-color: black;
	width: 100%;
	height: 150px
}

#menu {
	position: absolute;
	left: 5%;
	width: 90%;
	top: 80%;
	color: white;
	height: 50px;
	box-shadow: 10px 10px 5px #888888;
	border-radius: 5px;
	border-style: solid;
	border-color: white;
	background-image: url('resources/imagens/menu-bg.png');
}

#home {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 50px;
}
</style>
	<script>
		function teste(obj) {
			obj.style.backgroundImage = "url('resources/imagens/onclickMenu.png')";

		}
		function teste2(obj) {
			obj.style.backgroundImage = "url('')";
			obj2.style.display = 'none';
		}
	</script>

</h:head>
<body>
	<ui:insert name="login">
		<ui:include src="/WEB-INF/templates/loginPopup.xhtml" />
	</ui:insert>

	<div id="cabecalho">
		<a href="welcome.jsf"><img src="resources/imagens/rifaqui.png"
			height="150px" /></a>

		<div id="menu">

			<table>
				<tr valign="middle">
					<td width="50px"><div id="home" onmouseover="teste(this);"
							onmouseout="teste2(this);">
							<img src="resources/imagens/home.png" />
						</div></td>
					
					<td height="100%"><p:outputLabel value="Quem Somos"/></td>
						
					<td valign="middle" height="50px"><p:outputLabel
							onmouseover="teste(this);" onmouseout="teste2(this);"
							id="idBtLogin" style="cursor:pointer"
							rendered="#{loginBean.estaLogado!=true}" value="Entrar"
							onclick="abrir();" /> <p:outputLabel
							value="Welcome #{loginBean.usuario.nome}"
							rendered="#{loginBean.estaLogado==true}" /></td>
					<td><a style="color: white" href="cadastro.jsf">Cadastre-se</a></td>
					<td><p:commandLink onmouseover="teste(this);"
							onmouseout="teste2(this);" value="logout"
							action="#{loginBean.deslogar}"
							rendered="#{loginBean.estaLogado==true}" /></td>
				</tr>
			</table>
		</div>
	</div>
</body>

</html>
